<template>
  <!--<nav>-->
  <!--  <router-link to="/">Home</router-link> |-->
  <!--  <router-link to="/about">About</router-link>-->
  <!--</nav>-->

  <Header></Header>
  <div  style="display: flex">

    <Aside/>
    <router-view style="flex: 1"/>
  </div>


</template>

<script>
import Header from "@/components/Header";
import Aside from "@/components/Aside";
export default {
  name: "layout",
  components: {
    Header,
    Aside
  }
}

</script>
<style>
/*#app {*/
/*  font-family: Avenir, Helvetica, Arial, sans-serif;*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*  text-align: center;*/
/*  color: #2c3e50;*/
/*}*/

/*nav {*/
/*  padding: 30px;*/
/*}*/

/*nav a {*/
/*  font-weight: bold;*/
/*  color: #2c3e50;*/
/*}*/

/*nav a.router-link-exact-active {*/
/*  color: #42b983;*/
/*}*/
</style>